<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<title></title>
		<script src="../js/jquery-1.7.2.js"></script>
		<script src="../js/consumption record.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/consumption-record.css"/>
	</head>
	<body>
		<div class="relative">
			
			<div class="header">
			    <a href="account.html"><span>&lt;</span></a>
			    <a href="#"><p id="click">消费详情 &hearts;</p></a>
			</div>
			<div class="header-cont absolute" id="show">
			    <div class="cont-top"><button>全部</button></div>
			    <div class="cont-cent">
			    	<div id="zz"></div>
			    	<p>应用</p>
			    	<div id="zz"></div>
			    </div>
			    <div class="cont-bott">
			    	<p>天天消消乐</p>
			    	<p>大话西游</p>
			    	<p>王者荣耀</p>
			    </div>
			    
			</div>
		</div>
		<div class="content">
			<div class="top">
				<div class="date">
			        <p>2016年7月15日</p>
			        <p>总消费1528条</p>
			    </div>
			</div>
		    <div class="xpense">
		        <div class="left">
		        	<button>闪</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="list">天天消消乐</span>
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p>-1条</p>
		        </div>
		    </div>
		    <div class="xpense">
		        <div class="left">
		        	<button style="background-color: #FA5A2C;">短</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="last">大话西游</span> 
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p style="color: #F56031;">-1条</p>
		        </div>
		    </div>
		    <div class="xpense">
		        <div class="left">
		        	<button style="background-color: #FA5A2C;">短</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="list">天天消消乐</span>
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p style="color: #F56031;">-1条</p>
		        </div>
		    </div>
		    <div class="xpense">
		        <div class="left">
		        	<button>闪</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="lis">王者荣耀</span>
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p>-1条</p>
		        </div>
		    </div>
		</div>
		<div class="content">
			<div class="top">
				<div class="date">
			        <p>2016年7月14日</p>
			    </div>
			</div>
			<div class="xpense">
		        <div class="left">
		        	<button style="background-color: #FA5A2C;">短</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="last">大话西游</span> 
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p style="color: #F56031;">-1条</p>
		        </div>
		    </div>
		    <div class="xpense">
		        <div class="left">
		        	<button>闪</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="lis">王者荣耀</span>
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p>-1条</p>
		        </div>
		    </div>
		    <div class="xpense">
		        <div class="left">
		        	<button>闪</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="list">天天消消乐</span>
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p>-1条</p>
		        </div>
		    </div>
		    <div class="xpense">
		        <div class="left">
		        	<button style="background-color: #FA5A2C;">短</button>
		        </div>
		        <div class="center">
		        	<p class="cen-top">
		        		<span class="lis">王者荣耀</span>
		        		<span>闪注量消费</span>
		        	</p>
		        	<div class="riqi">2016/7/6 14:24</div>
		        </div>
		        <div class="right">
		        	<p style="color: #F56031;">-1条</p>
		        </div>
		    </div>
		</div>
		
	</body>
	<script type="text/javascript">
		(function(win,doc){
		//浏览器缩放时
			win.onresize=function(){
				change();	
			};
			change();
			function change(){
			//320  20px 
			//414  20px
				var oFs=doc.documentElement.clientWidth/(320/20);
				//设置根目录字体大小
				doc.documentElement.style.fontSize=oFs+'px';
			}
		})(window,document);
		
		
		
		
	</script>
</html>
